<template>
  <div id="addorganize">
    <p class="managedetail">编辑组织</p>
    <div class="addtable">
      <el-form
        :inline="true"
        :model="formInline"
        class="demo-form-inline"
        label-width="100px"
        label-position="left"
      >
        <el-form-item label="名称">
          <el-input v-model="formInline.user" placeholder="请输入" width="100px" />
        </el-form-item>
        <el-form-item label="所属组织">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="用户名">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="是否为管理员">
          <el-select v-model="formInline.region" placeholder="请选择">
            <el-option label="是" value="yes" />
            <el-option label="否" value="no" />
          </el-select>
        </el-form-item>
        <el-form-item label="联系方式">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="账号状态">
          <el-select v-model="formInline.region" placeholder="请选择">
            <el-option label="禁用" value="disabled" />
            <el-option label="启用" value="start" />
          </el-select>
        </el-form-item>
        <el-form-item label="创建时间">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="角色名">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="上级用户">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="场地数">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="分组">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
        <el-form-item label="设备数">
          <el-input v-model="formInline.user" placeholder="请输入" />
        </el-form-item>
      </el-form>
      <div class="addbtn">
        <el-button type="primary">确定</el-button>
        <el-button>取消</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      formInline: {
        user: '',
        region: ''
      }
    }
  }
}
</script>

<style lang="scss" scoped>
/deep/ .el-form-item {
  margin: 0px 120px 50px 0px;
}
#addorganize {
  padding: 30px 30px;
  .managedetail {
    font-size: 22px;
    margin-bottom: 66px;
  }
  .addtable {
    width: 840px;
    margin: 0 auto;
    .addbtn {
      float: right;
      padding-right: 160px;
      margin-bottom: 60px;
    }
  }
}
</style>
